<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>小米</title>
		<link rel="stylesheet" type="text/css" href="index.css" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="libs/font-awesome/css/font-awesome.css" />
		<script src="libs/jquery-3.1.1.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/template.js" type="text/javascript" charset="utf-8"></script>

	</head>

	<body>
		<!--头-->
		<header class="header">
			<div class="container clearfix">
				<ul class="header-list clearfix pull-left">
					<li>
						<a href="#">小米商城</a>
					</li>
					<li>
						<a href="#">MIUI</a>
					</li>
					<li>
						<a href="#">米聊</a>
					</li>
					<li>
						<a href="#">游戏</a>
					</li>
					<li>
						<a href="#">多看阅读</a>
					</li>
					<li>
						<a href="#">云服务</a>
					</li>
					<li>
						<a href="#">金融</a>
					</li>
					<li>
						<a href="#">小米商城移动版</a>
					</li>
					<li>
						<a href="#">反馈问题</a>
					</li>
					<li>
						<a href="#">Select Region</a>
					</li>
				</ul>
				<ul class="header-message clearfix pull-right">
					<li>
						<a href="#">登录</a>
					</li>
					<li>
						<a href="#">注册</a>
					</li>
					<li>
						<a href="#">消息通知</a>
					</li>
					<li class="car">
						<a href="#">
							<span class="fa fa-shopping-cart"></span> 购物车( 0 )
						</a>
					</li>
				</ul>
			</div>
		</header>

		<!--导航-->

		<div class="nav">
			<div class="container clearfix">
				<ul class="pull-left">
					<!--商标-->
					<li class="logo">
						<a href="#"><img src="img/logo.png"></a>
					</li>
					<!--广告位-->
					<li class="ad"></li>
				</ul>
				<div class="nav-list pull-left">
					<ul class="nav-item">
						<li>
							<a href="#">小米手机</a>
						</li>
						<li>
							<a href="#">红米</a>
						</li>
						<li>
							<a href="#">平板·笔记本</a>
						</li>
						<li>
							<a href="#">电视</a>
						</li>
						<li>
							<a href="#">盒子·影音</a>
						</li>
						<li>
							<a href="#">路由器</a>
						</li>
						<li>
							<a href="#">智能硬件</a>
						</li>
						<li>
							<a href="#">服务</a>
						</li>
						<li>
							<a href="#">社区</a>
						</li>
					</ul>
					<div class="nav-detail">
						<div class="container">
							<ul>
								<li></li>
							</ul>
							<ul>
								<li></li>
							</ul>
							<ul>
								<li></li>
							</ul>
							<ul>
								<li></li>
							</ul>
							<ul>
								<li></li>
							</ul>
							<ul>
								<li></li>
							</ul>
							<ul>
								<li></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--//////////////////////////////////////-->
		<script>
			$(function() {

				// 导航选项
				$('.nav .nav-item li').each(function(index) {
					$(this).mouseenter(function() {
						if(index < $('.nav .nav-item li').length - 2) {
							$('.nav .nav-detail').stop().slideDown(400);
							$('.nav-detail ul').eq(index).show().siblings().hide();
						} else {
							$('.nav .nav-detail').stop().slideUp(400).hide(400);
						}
					});
				});
				$('.nav .nav-list').mouseleave(function() {
					$('.nav .nav-detail').stop().slideUp(400).hide(400);
				});

			});
		</script>

		<!--横幅-->
		<div class="container banner-menu">
			<div class="banner">
				<ul class="banner-img clearfix">
					<li class="banner-active">
						<a href="#"><img src="img/1.jpg" alt=""></a>
					</li>
					<li>
						<a href="#"><img src="img/2.jpg" alt=""></a>
					</li>
					<li>
						<a href="#"><img src="img/3.jpg" alt=""></a>
					</li>
					<li>
						<a href="#"><img src="img/4.jpg" alt=""></a>
					</li>
					<li>
						<a href="#"><img src="img/5.jpg" alt=""></a>
					</li>
				</ul>
				<!--指示灯-->
				<ul class="indicator clearfix">
					<li class="indicator-active"></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
				<!--按钮-->
				<ul class="banner-btn">
					<li class="prev"></li>
					<li class="next"></li>
				</ul>
			</div>
			<div class="menu">
				<!--菜单-->
				<ul class="menu-item">
					<li>
						<a href="#">手机 电话卡</a>
					</li>
					<li>
						<a href="#">笔记本 平板</a>
					</li>
					<li>
						<a href="#">电视 盒子</a>
					</li>
					<li>
						<a href="#">路由器 智能硬件</a>
					</li>
					<li>
						<a href="#">移动电源 电池 插线板</a>
					</li>
					<li>
						<a href="#">耳机 音箱</a>
					</li>
					<li>
						<a href="#">保护套 贴膜</a>
					</li>
					<li>
						<a href="#">线材 支架 存储卡</a>
					</li>
					<li>
						<a href="#">箱包 服饰</a>
					</li>
					<li>
						<a href="#">米兔 生活周边</a>
					</li>
				</ul>
				<div class="menu-list clearfix">
					<script id="list" type="text/html">
						{{each data as d}}
						<ul>
							{{each d.list as l}}
							<li>
								<a href="#">
									<img src="{{l.src}}" alt="">
									<span class="name">{{l.name}}</span>
								</a>
								<span class="choose">{{l.choose}}</span>
							</li>
							{{/each}}
						</ul>
						{{/each}}
					</script>
				</div>
			</div>
		</div>

		<!--选购手机-->
		<div id="index" class="container">
			<ul>
				<li class="xuangou">
					<a href=""><i><img src="img/img/01.png" alt="" /></i><span>选购手机</span> </a>
					<a href=""><i><img src="img/img/01.png" alt="" /></i><span>企业导购</span> </a>
					<a href=""><i><img src="img/img/01.png" alt="" /></i><span>一元活动</span> </a>
					<a href=""><i><img src="img/img/01.png" alt="" /></i><span>小米移动</span> </a>
					<a href=""><i><img src="img/img/01.png" alt="" /></i><span>以旧换新</span> </a>
					<a href=""><i><img src="img/img/01.png" alt="" /></i><span>话费充值</span> </a>
				</li>
				<li class="inimg" id="in">
					<a href=""><img src="img/imgs/xuan1.jpg" alt=""></a>
				</li>
				<li class="inimg">
					<a href=""><img src="img/imgs/xuan2.jpg" alt=""></a>
				</li>
				<li class="inimg">
					<a href=""><img src="img/imgs/xuan3.jpg" alt=""></a>
				</li>
			</ul>
		</div>

		<!--明星单品部分-->
		<div id="star" class="container">
			<h2>小米明星单品</h2>
			<div class="scroll">
				<a href="javascript:;" class="next">&lt;</a>
				<a href="javascript:;" class="prev">&gt;</a>
			</div>
			<div class="clear"></div>
			<div id="starshow">
				<ul>
					<li>
						<div class="box yellow" id="one">
							<img src="img/imgs/ming1.png">
							<span>红米Note 4</span>
							<strong>唱唱续航，全金属一体化机身</strong>
							<p>1399元</p>
						</div>
						<div class="box green">
							<img src="img/imgs/ming2.png">
							<span>小米电视3s 48英寸</span>
							<strong>原装液晶屏，金属机身</strong>
							<p>2599</p>
						</div>
						<div class="box blue">
							<img src="img/imgs/ming3.png">
							<span>小米移动电源2</span>
							<strong>双向快充，高密度锂聚合物电芯</strong>
							<p>79</p>
						</div>
						<div class="box red">
							<img src="img/imgs/ming4.png">
							<span>小米手环 2</span>
							<strong>OLED 显示屏幕，升级计步算法</strong>
							<p>149</p>
						</div>
						<div class="box cyan " id="last">
							<img src="img/imgs/ming5.jpg">
							<span>小米移动电源</span>
							<strong>双向快充，高密度锂聚合物电芯</strong>
							<p>79</p>
						</div>
					</li>
					<li>
						<div class="box" id="one">
							<img src="img/imgs/ming6.jpg">
							<span>小米移动电源</span>
							<strong>双向快充，高密度锂聚合物电芯</strong>
							<p>79</p>
						</div>
						<div class="box">
							<img src="img/imgs/ming7.jpg">
							<span>小米移动电源</span>
							<strong>双向快充，高密度锂聚合物电芯</strong>
							<p>79</p>
						</div>
						<div class="box">
							<img src="img/imgs/ming8.png">
							<span>小米移动电源</span>
							<strong>双向快充，高密度锂聚合物电芯</strong>
							<p>79</p>
						</div>
						<div class="box">
							<img src="img/imgs/ming9.png">
							<span>小米移动电源</span>
							<strong>双向快充，高密度锂聚合物电芯</strong>
							<p>79</p>
						</div>
						<div class="box" id="last">
							<img src="img/imgs/ming10.png">
							<span>小米移动电源</span>
							<strong>双向快充，高密度锂聚合物电芯</strong>
							<p>79</p>
						</div>
					</li>
				</ul>
			</div>

		</div>

		<div class="ware">

			<div id="smart" class="container">
				<h2>智能硬件</h2>
				<div class="more thanmores">
					<a href="javascript:;">
						查看全部

					</a>
				</div>
				<div class="clear"></div>
				<ul class="float">
					<li>
						<a href="javascript:;">
							<img src="img/imgs/s0.jpg" alt="">
						</a>
					</li>
				</ul>
				<ul class="right">
					<li>
						<div class="box">
							<img src="img/imgs/s1.jpg">
							<span>米兔儿童手表Q</span>
							<strong>11重安全设计，五重精准定位</strong>
							<p>299</p>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="img/imgs/s1.jpg">
							<span>米兔儿童手表Q</span>
							<strong>11重安全设计，五重精准定位</strong>
							<p>299</p>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="img/imgs/s1.jpg">
							<span>米兔儿童手表Q</span>
							<strong>11重安全设计，五重精准定位</strong>
							<p>299</p>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="img/imgs/s1.jpg">
							<span>米兔儿童手表Q</span>
							<strong>11重安全设计，五重精准定位</strong>
							<p>299</p>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="img/imgs/s1.jpg">
							<span>米兔儿童手表Q</span>
							<strong>11重安全设计，五重精准定位</strong>
							<p>299</p>
						</div>
					</li>
					<li>
						<div class="box" id="last">
							<img src="img/imgs/s1.jpg">
							<span>米兔儿童手表Q</span>
							<strong>11重安全设计，五重精准定位</strong>
							<p>299</p>
						</div>
					</li>
					<li>
						<div class="box">
							<img src="img/imgs/s1.jpg">
							<span>米兔儿童手表Q</span>
							<strong>11重安全设计，五重精准定位</strong>
							<p>299</p>
						</div>
					</li>
					<li>
						<div class="box" id="last">
							<img src="img/imgs/s1.jpg">
							<span>米兔儿童手表Q</span>
							<strong>11重安全设计，五重精准定位</strong>
							<p>299</p>
						</div>
					</li>
				</ul>
				<div class="clear"></div>
			</div>

			<div id="smart" class="container smart2">
				<h2>搭配</h2>
				<div class="more mo">
					<a href="javascript:;" class="cur">热门</a>
					<a href="javascript:;">耳机音箱</a>
					<a href="javascript:;">电源</a>
					<a href="javascript:;">电池存卡</a>
				</div>
				<div class="clear"></div>
				<div class="bigBox">
					<main class="contentbox currshow">
						<ul class="float">
							<li class="parts">
								<a href="javascript:;">
									<img src="img/imgs/as0.jpg" alt="">
								</a>
								<a href="javascript:;" class="s">
									<img src="img/imgs/as000.jpg" alt="">
								</a>
							</li>
						</ul>
						<ul class="right">
							<li>
								<div class="box inline">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>

								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box" id="last">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>

								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
						</ul>
						<div class="clear"></div>
					</main>

					<main class="contentbox" class="container">
						<ul class="float">
							<li class="parts">
								<a href="javascript:;">
									<img src="img/imgs/as0.jpg" alt="">
								</a>
								<a href="javascript:;" class="s">
									<img src="img/imgs/as000.jpg" alt="">
								</a>
							</li>
						</ul>
						<ul class="right">
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box" id="last">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
						</ul>
						<div class="clear"></div>
					</main>

					<main class="contentbox">
						<ul class="float">
							<li class="parts">
								<a href="javascript:;">
									<img src="img/imgs/as0.jpg" alt="">
								</a>
								<a href="javascript:;" class="s">
									<img src="img/imgs/as000.jpg" alt="">
								</a>
							</li>
						</ul>
						<ul class="right">
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box" id="last">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
						</ul>
						<div class="clear"></div>
					</main>

					<main class="contentbox">
						<ul class="float">
							<li class="parts">
								<a href="javascript:;">
									<img src="img/imgs/as0.jpg" alt="">
								</a>
								<a href="javascript:;" class="s">
									<img src="img/imgs/as000.jpg" alt="">
								</a>
							</li>
						</ul>
						<ul class="right">
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box" id="last">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
						</ul>
						<div class="clear"></div>
					</main>
				</div>

			</div>

			<div id="smart" class="container er">
				<h2>配件</h2>
				<div class="more other">
					<a href="javascript:;" class="curren">热门</a>
					<a href="javascript:;">保护套</a>
					<a href="javascript:;">贴膜</a>
					<a href="javascript:;">其他配件</a>
				</div>
				<div class="clear"></div>
				<div class="Box">
					<main class="contentbox currshow ox">
						<ul class="float">
							<li class="parts">
								<a href="javascript:;">
									<img src="img/imgs/as0.jpg" alt="">
								</a>
								<a href="javascript:;" class="s">
									<img src="img/imgs/as000.jpg" alt="">
								</a>
							</li>
						</ul>
						<ul class="right">
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box" id="last">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
						</ul>
						<div class="clear"></div>
					</main>

					<main class="contentbox ox">
						<ul class="float">
							<li class="parts">
								<a href="javascript:;">
									<img src="img/imgs/as0.jpg" alt="">
								</a>
								<a href="javascript:;" class="s">
									<img src="img/imgs/as000.jpg" alt="">
								</a>
							</li>
						</ul>
						<ul class="right">
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box" id="last">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
						</ul>
						<div class="clear"></div>
					</main>

					<main class="contentbox ox">
						<ul class="float">
							<li class="parts">
								<a href="javascript:;">
									<img src="img/imgs/as0.jpg" alt="">
								</a>
								<a href="javascript:;" class="s">
									<img src="img/imgs/as000.jpg" alt="">
								</a>
							</li>
						</ul>
						<ul class="right">
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box" id="last">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
						</ul>
						<div class="clear"></div>
					</main>

					<main class="contentbox ox">
						<ul class="float">
							<li class="parts">
								<a href="javascript:;">
									<img src="img/imgs/as0.jpg" alt="">
								</a>
								<a href="javascript:;" class="s">
									<img src="img/imgs/as000.jpg" alt="">
								</a>
							</li>
						</ul>
						<ul class="right">
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box" id="last">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
						</ul>
						<div class="clear"></div>
					</main>
				</div>
			</div>

			<div id="smart" class="container ar">
				<h2>周边</h2>
				<div class="more">
					<a href="javascript:;" class="cur">热门</a>
					<a href="javascript:;">服装</a>
					<a href="javascript:;">米兔</a>
					<a href="javascript:;">生活周边</a>
					<a href="javascript:;">箱包</a>
				</div>
				<div class="clear"></div>
				<div class="BBox">
					<main class="contentbox currshow sh">
						<ul class="float">
							<li class="parts">
								<a href="javascript:;">
									<img src="img/imgs/as0.jpg" alt="">
								</a>
								<a href="javascript:;" class="s">
									<img src="img/imgs/as000.jpg" alt="">
								</a>
							</li>
						</ul>
						<ul class="right">
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box" id="last">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
						</ul>
						<div class="clear"></div>
					</main>

					<main class="contentbox sh">
						<ul class="float">
							<li class="parts">
								<a href="javascript:;">
									<img src="img/imgs/as0.jpg" alt="">
								</a>
								<a href="javascript:;" class="s">
									<img src="img/imgs/as000.jpg" alt="">
								</a>
							</li>
						</ul>
						<ul class="right">
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box" id="last">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as09.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
						</ul>
						<div class="clear"></div>
					</main>
					<main class="contentbox currshow sh">
						<ul class="float">
							<li class="parts">
								<a href="javascript:;">
									<img src="img/imgs/as0.jpg" alt="">
								</a>
								<a href="javascript:;" class="s">
									<img src="img/imgs/as000.jpg" alt="">
								</a>
							</li>
						</ul>
						<ul class="right">
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box" id="last">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as16.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
						</ul>
						<div class="clear"></div>
					</main>

					<main class="contentbox sh">
						<ul class="float">
							<li class="parts">
								<a href="javascript:;">
									<img src="img/imgs/as0.jpg" alt="">
								</a>
								<a href="javascript:;" class="s">
									<img src="img/imgs/as000.jpg" alt="">
								</a>
							</li>
						</ul>
						<ul class="right">
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box" id="last">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>

								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box">
									<img src="img/imgs/as24.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
						</ul>
						<div class="clear"></div>
					</main>

					<main class="contentbox sh">
						<ul class="float">
							<li class="parts">
								<a href="javascript:;">
									<img src="img/imgs/as0.jpg" alt="">
								</a>
								<a href="javascript:;" class="s">
									<img src="img/imgs/as000.jpg" alt="">
								</a>
							</li>
						</ul>
						<ul class="right">
							<li>
								<div class="box boxc">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box boxc">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box boxc">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box boxc">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box boxc">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box boxc" id="last">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box boxc">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
							<li>
								<div class="box boxc">
									<img src="img/imgs/as01.jpg">
									<span>小米运动蓝牙耳机</span>
									<strong>149元</strong>
									<p>2333人评价</p>
									<div class="ina">
										<span>好</span>
										<strong>来自1的评价</strong>
									</div>
								</div>
							</li>
						</ul>
						<div class="clear"></div>
					</main>
				</div>
			</div>

			<div id="star" class="container">
				<h2>为你而荐</h2>
				<div class="scroll">
					<a href="javascript:;" class="next gray">&lt;</a>
					<a href="javascript:;" class="prev">&gt;</a>
				</div>
				<div class="clear"></div>
				<div id="starshow">
					<ul>
						<li>
							<div class="box yellow" style="background-color: #fff;" id="one">
								<img src="img/imgs/b1.jpg">
								<span>小米笔记本Air</span>
								<strong>4999元</strong>
								<p>7000人好评</p>
							</div>
							<div class="box green " style="background-color: #fff;">
								<img src="img/imgs/b1.jpg">
								<span>小米笔记本Air</span>
								<strong>4999元</strong>
								<p>7000人好评</p>
							</div>
							<div class="box blue" style="background-color: #fff;">
								<img src="img/imgs/b1.jpg">
								<span>小米笔记本Air</span>
								<strong>4999元</strong>
								<p>7000人好评</p>
							</div>
							<div class="box red" style="background-color: #fff;">
								<img src="img/imgs/b1.jpg">
								<span>小米笔记本Air</span>
								<strong>4999元</strong>
								<p>7000人好评</p>
							</div>
							<div class="box cyan " id="last" style="background-color: #fff;">
								<img src="img/imgs/b1.jpg">
								<span>小米笔记本Air</span>
								<strong>4999元</strong>
								<p>7000人好评</p>
							</div>
						</li>
						<li>
							<div class="box" id="one" style="background-color: #fff;">
								<img src="img/imgs/b2.jpg">
								<span>小米笔记本Air</span>
								<strong>4999元</strong>
								<p>7000人好评</p>
							</div>
							<div class="box">
								<img src="img/imgs/b2.jpg">
								<span>小米笔记本Air</span>
								<strong>4999元</strong>
								<p>7000人好评</p>
							</div>
							<div class="box" style="background-color: #fff;">
								<img src="img/imgs/b2.jpg">
								<span>小米笔记本Air</span>
								<strong>4999元</strong>
								<p>7000人好评</p>
							</div>
							<div class="box" style="background-color: #fff;">
								<img src="img/imgs/b2.jpg">
								<span>小米笔记本Air</span>
								<strong>4999元</strong>
								<p>7000人好评</p>
							</div>
							<div class="box" id="last" style="background-color: #fff;">
								<img src="img/imgs/b2.jpg">
								<span>小米笔记本Air</span>
								<strong>4999元</strong>
								<p>7000人好评</p>
							</div>
						</li>
					</ul>
				</div>
			</div>

			<div id="hot" class="container">
				<h2>热评产品</h2>
				<ul>
					<li class="first">
						<a href="javascript:;"><img src="img/imgs/x1.jpg" alt=""></a>
						<a href="javascript:;"><span>好好好好好好啊</span></a>
						<p class="gray">来自于 呵呵呵呵的评价</p>
						<p class="text">90分旅行箱 20寸 <span>|</span> <strong>299元</strong></p>
					</li>
					<li>
						<a href="javascript:;"><img src="img/imgs/x1.jpg" alt=""></a>
						<a href="javascript:;"><span>好好好好好好啊</span></a>
						<p class="gray">来自于 呵呵呵呵的评价</p>
						<p class="text">90分旅行箱 20寸 <span>|</span> <strong>299元</strong></p>
					</li>
					<li>
						<a href="javascript:;"><img src="img/imgs/x1.jpg" alt=""></a>
						<a href="javascript:;"><span>好好好好好好啊</span></a>
						<p class="gray">来自于 呵呵呵呵的评价</p>
						<p class="text">90分旅行箱 20寸 <span>|</span> <strong>299元</strong></p>
					</li>
					<li class="four">
						<a href="javascript:;"><img src="img/imgs/x1.jpg" alt=""></a>
						<a href="javascript:;"><span>好好好好好好啊</span></a>
						<p class="gray">来自于 呵呵呵呵的评价</p>
						<p class="text">90分旅行箱 20寸 <span>|</span> <strong>299元</strong></p>
					</li>
				</ul>
			</div>

			<div id="video" class="container">
				<h2>视频</h2>
				<div class="more">
					<a href="javascript:;">
						查看全部
						<img src="img/img/arrowri.png" alt="">
					</a>
				</div>
				<div class="clear"></div>
				<ul>
					<li id="first">
						<a href="javascript:;">
							<img src="img/imgs/shipin1.jpg" alt="">
							<span class="video"><i></i></span>
							<p class="p1">红米Note 4X 环岛挑战</p>
							<p class="p2">看看我们关于超长续航的疯狂想法</p>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="img/imgs/shipin2.jpg" alt="">
							<span class="video"><i></i></span>
							<p class="p1">小米之家里发生了一件怪事</p>
							<p class="p2">world order星机械人受邀访问地球</p>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<img src="img/imgs/shipin3.jpg" alt="">
							<span class="video"><i></i></span>
							<p class="p1">小米MIX 概念手机背后的故事</p>
							<p class="p2">雷总亲自讲述小米MIX 的诞生</p>
						</a>
					</li>
					<li class="four">
						<a href="javascript:;">
							<img src="img/imgs/shipin4.jpg" alt="">
							<span class="video"><i></i></span>
							<p class="p1">一面科技，一面艺术</p>
							<p class="p2">梁朝伟讲述双面人生</p>
						</a>
					</li>
					<div class="clear"></div>
				</ul>
			</div>

			<div id="ser" class="container">
				<div class="container">
					<ul class="serv">
						<li id="one">
							<a href="javascript:;">预约维修服务</a>
						</li>
						<li>
							<a href="javascript:;">7天无理由退货</a>
						</li>
						<li>
							<a href="javascript:;">15天免费换货</a>
						</li>
						<li>
							<a href="javascript:;">满150元包邮</a>
						</li>
						<li>
							<a href="javascript:;">520家售后网</a>
						</li>
					</ul>
					<div class="bigbox">

					</div>
					<div class="server">
						<dl>
							<dt class="dt"><a href="">帮助中心</a></dt>
							<dt><a href="">账户管理</a></dt>
							<dt><a href="">购物指南</a></dt>
							<dt><a href="">订单操作</a></dt>
						</dl>
						<dl>
							<dt class="dt"><a href="">服务支持</a></dt>
							<dt><a href="">售后政策</a></dt>
							<dt><a href="">自助服务</a></dt>
							<dt><a href="">相关下载</a></dt>
						</dl>
						<dl>
							<dt class="dt"><a href="">线下门店</a></dt>
							<dt><a href="">小米之家</a></dt>
							<dt><a href="">服务网点</a></dt>
							<dt><a href="">零售网点</a></dt>
						</dl>
						<dl>
							<dt class="dt"><a href="">关于小米</a></dt>
							<dt><a href="">了解小米</a></dt>
							<dt><a href="">加入小米</a></dt>
							<dt><a href="">联系我们</a></dt>
						</dl>
						<dl>
							<dt class="dt"><a href="">关注我们</a></dt>
							<dt><a href="">新浪微博</a></dt>
							<dt><a href="">小米部落</a></dt>
							<dt><a href="">官方微信</a></dt>
						</dl>
						<dl>
							<dt class="dt"><a href="">特色服务</a></dt>
							<dt><a href="">F码通道</a></dt>
							<dt><a href="">礼物码</a></dt>
							<dt><a href="">防伪查询</a></dt>
						</dl>
						<div class="sm">
							<p class="tel">400-100-5678</p>
							<p class="date">周一至周日 8:00-18:00
								<span class="money">（仅收市话费）</span>
							</p>
							<a href="javascript:;" class="btn">24小时在线服务</a>

						</div>
					</div>

				</div>
			</div>

			<div id="footer" class="container">
				<div class="footerlogo">
					<img src="img/img/header-logo.png" alt="">
				</div>
				<div class="text">
					<p class="site">
						<a href="javascript:;">小米商城<span class="sep">|</span></a>
						<a href="javascript:;">MIUI<span class="sep">|</span></a>
						<a href="javascript:;">米聊<span class="sep">|</span></a>
						<a href="javascript:;">多看书城<span class="sep">|</span></a>
						<a href="javascript:;">小米路由器<span class="sep">|</span></a>
						<a href="javascript:;">视频电话<span class="sep">|</span></a>
						<a href="javascript:;">企业团购<span class="sep">|</span></a>
						<a href="javascript:;">小米天猫店<span class="sep">|</span></a>
						<a href="javascript:;">米淘宝直营店<span class="sep">|</span></a>
						<a href="javascript:;">小米网盟<span class="sep">|</span></a>
						<a href="javascript:;">小米移动<span class="sep">|</span></a>
						<a href="javascript:;">Select Region</a>
					</p>
					<p class="info">©mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号
						<br>
						<span class="wei">违法和不良信息举报电话：185-0130-1238，
                     本网站所列数据，除特殊说明，所有数据均出自我司实验室测试诚信网站 可信网站 网上交易保障中心</span>
					</p>
				</div>

				<div class="ri">
					<!--<a href="javascript:;" class="fo">TRUSe Privacy Certification</a>-->
					<a href="javascript:;" class="se">
						<img src="img/img/footer-02.png">
					</a>
					<a href="javascript:;" class="se">
						<img src="img/img/fooer-03.png" alt="">
					</a>
					<a href="javascript:;" class="se">
						<img src="img/img/fooer-04.png" alt="">
					</a>
				</div>
				<p></p>
				<div class="clear"></div>
				<div class="serach">探索黑科技，小米为发烧而生 </div>

			</div>

		</div>

		<div class="mask"></div>
		<div class="maskcontent">
			<div>
				<a>红米Note 4X 环岛挑战</a>
				<p><span class="close">X</span></p>

			</div>

		</div>

	</body>

</html>

<script>
	// 手机电话卡
	var phone_data = [{
		list: [{
			src: './img/phone_01.png',
			name: '小米手机5c',
			choose: '选购'
		}, {
			src: './img/phone_02.png',
			name: '小米Note 2',
			choose: '选购'
		}, {
			src: './img/phone_03.png',
			name: '小米MIX',
			choose: '选购'
		}, {
			src: './img/phone_04.png',
			name: '小米MIX',
			choose: '选购'
		}, {
			src: './img/phone_05.png',
			name: '小米MIX',
			choose: '选购'
		}, {
			src: './img/phone_06.png',
			name: '小米MIX',
			choose: '选购'
		}, ]
	}, {
		list: [{
			src: './img/phone_07.png',
			name: '小米手机5c',
			choose: '选购'
		}, {
			src: './img/phone_08.png',
			name: '小米Note 2',
			choose: '选购'
		}, {
			src: './img/phone_09.png',
			name: '小米MIX',
			choose: '选购'
		}, {
			src: './img/phone_01.png',
			name: '小米MIX',
			choose: '选购'
		}, {
			src: './img/phone_02.png',
			name: '小米MIX'
		}, {
			src: './img/phone_03.png',
			name: '小米MIX'
		}, ]
	}, {
		list: [{
			src: './img/phone_10.png',
			name: '小米手机5c'
		}, ]
	}, ];
	// 笔记本平板
	var nb_data = [{
		list: [{
			src: './img/phone_01.png',
			name: '小米手机5c',
			choose: '选购'
		}, {
			src: './img/phone_02.png',
			name: '小米Note 2',
			choose: '选购'
		}, {
			src: './img/phone_03.png',
			name: '小米MIX'
		}, {
			src: './img/phone_04.png',
			name: '小米MIX'
		}, {
			src: './img/phone_05.png',
			name: '小米MIX'
		}, ]
	}];
	// 电视盒子
	var tv_data = [{
		list: [{
			src: './img/tv_01.png',
			name: '小米手机5c'
		}, {
			src: './img/tv_02.png',
			name: '小米Note 2'
		}, {
			src: './img/tv_03.png',
			name: '小米MIX'
		}, {
			src: './img/tv_04.png',
			name: '小米MIX'
		}, {
			src: './img/tv_05.png',
			name: '小米MIX'
		}, {
			src: './img/tv_06.png',
			name: '小米MIX'
		}, ]
	}, {
		list: [{
			src: './img/tv_07.png',
			name: '小米手机5c'
		}, {
			src: './img/tv_08.png',
			name: '小米Note 2'
		}, {
			src: './img/tv_09.png',
			name: '小米MIX'
		}, {
			src: './img/tv_11.png',
			name: '小米MIX'
		}, {
			src: './img/tv_02.png',
			name: '小米MIX'
		}, {
			src: './img/tv_03.png',
			name: '小米MIX'
		}, ]
	}, {
		list: [{
			src: './img/tv_10.png',
			name: '小米手机5c'
		}, {
			src: './img/tv_10.png',
			name: '小米手机5c'
		}, {
			src: './img/tv_10.png',
			name: '小米手机5c'
		}, ]
	}, ];
	// 路由器智能硬件
	var life_data = [{
		list: [{
			src: './img/life_01.png',
			name: '小米手机5c'
		}, {
			src: './img/life_02.png',
			name: '小米Note 2'
		}, {
			src: './img/life_03.png',
			name: '小米MIX'
		}, {
			src: './img/life_04.png',
			name: '小米MIX'
		}, {
			src: './img/life_05.png',
			name: '小米MIX'
		}, {
			src: './img/life_06.png',
			name: '小米MIX'
		}, ]
	}, {
		list: [{
			src: './img/life_07.png',
			name: '小米手机5c'
		}, {
			src: './img/life_08.png',
			name: '小米Note 2'
		}, {
			src: './img/life_09.png',
			name: '小米MIX'
		}, {
			src: './img/life_10.png',
			name: '小米MIX'
		}, {
			src: './img/life_11.png',
			name: '小米MIX'
		}, {
			src: './img/life_12.png',
			name: '小米MIX'
		}, ]
	}, {
		list: [{
			src: './img/life_13.png',
			name: '小米手机5c'
		}, {
			src: './img/life_14.png',
			name: '小米手机5c'
		}, {
			src: './img/life_15.png',
			name: '小米手机5c'
		}, {
			src: './img/life_16.png',
			name: '小米手机5c'
		}, {
			src: './img/life_17.png',
			name: '小米手机5c'
		}, {
			src: './img/life_18.png',
			name: '小米手机5c'
		}, ]
	}, {
		list: [{
			src: './img/life_19.png',
			name: '小米手机5c'
		}, {
			src: './img/life_20.png',
			name: '小米手机5c'
		}, {
			src: './img/life_21.png',
			name: '小米手机5c'
		}, {
			src: './img/life_22.png',
			name: '小米手机5c'
		}, {
			src: './img/life_23.png',
			name: '小米手机5c'
		}, {
			src: './img/life_24.png',
			name: '小米手机5c'
		}, ]
	}, ];
	// 移动电源
	var power_data = [{
		list: [{
			src: './img/tv_01.png',
			name: '小米手机5c'
		}, {
			src: './img/tv_02.png',
			name: '小米Note 2'
		}, {
			src: './img/tv_03.png',
			name: '小米MIX'
		}, {
			src: './img/tv_04.png',
			name: '小米MIX'
		}, {
			src: './img/tv_05.png',
			name: '小米MIX'
		}, {
			src: './img/tv_06.png',
			name: '小米MIX'
		}, ]
	}, {
		list: [{
			src: './img/tv_07.png',
			name: '小米手机5c'
		}, ]
	}, ];
	// 耳机
	var earphone_data = [{
		list: [{
			src: './img/life_01.png',
			name: '小米手机5c'
		}, {
			src: './img/life_02.png',
			name: '小米Note 2'
		}, {
			src: './img/life_03.png',
			name: '小米MIX'
		}, {
			src: './img/life_04.png',
			name: '小米MIX'
		}, {
			src: './img/life_05.png',
			name: '小米MIX'
		}, {
			src: './img/life_06.png',
			name: '小米MIX'
		}, ]
	}, {
		list: [{
			src: './img/life_07.png',
			name: '小米手机5c'
		}, {
			src: './img/life_08.png',
			name: '小米Note 2'
		}, {
			src: './img/life_09.png',
			name: '小米MIX'
		}, {
			src: './img/life_10.png',
			name: '小米MIX'
		}, {
			src: './img/life_11.png',
			name: '小米MIX'
		}, {
			src: './img/life_12.png',
			name: '小米MIX'
		}, ]
	}, {
		list: [{
			src: './img/life_13.png',
			name: '小米手机5c'
		}, {
			src: './img/life_14.png',
			name: '小米手机5c'
		}, {
			src: './img/life_15.png',
			name: '小米手机5c'
		}, {
			src: './img/life_16.png',
			name: '小米手机5c'
		}, {
			src: './img/life_17.png',
			name: '小米手机5c'
		}, ]
	}, ];

	// 保护套
	var protect_data = [{
		list: [{
			src: './img/life_01.png',
			name: '小米手机5c'
		}, {
			src: './img/life_02.png',
			name: '小米Note 2'
		}, ]
	}];
	// 线材
	var line_data = [{
		list: [{
			src: './img/life_01.png',
			name: '小米手机5c'
		}, {
			src: './img/life_02.png',
			name: '小米Note 2'
		}, {
			src: './img/life_01.png',
			name: '小米手机5c'
		}, {
			src: './img/life_02.png',
			name: '小米Note 2'
		}, ]
	}];
	// 箱包
	var bag_data = [{
		list: [{
			src: './img/life_01.png',
			name: '小米手机5c'
		}, {
			src: './img/life_02.png',
			name: '小米Note 2'
		}, {
			src: './img/life_01.png',
			name: '小米手机5c'
		}, ]
	}];
	// 米兔
	var mi_data = [{
		list: [{
			src: './img/life_01.png',
			name: '小米手机5c'
		}, {
			src: './img/life_02.png',
			name: '小米Note 2'
		}, {
			src: './img/life_01.png',
			name: '小米手机5c'
		}, {
			src: './img/life_02.png',
			name: '小米Note 2'
		}, {
			src: './img/life_01.png',
			name: '小米手机5c'
		}, ]
	}];

	var dataArray = [phone_data, nb_data, tv_data, life_data, power_data, earphone_data, protect_data, line_data, bag_data, mi_data];

	$('.menu-item li').each(function(index) {
		$(this).mouseenter(function() {
			var data = dataArray[index];
			console.dir({
				data
			});
			var html = template('list', {
				data
			});
			// console.log(html)
			$('.menu-list').show().html(html);
			// 根据列表的多少，改变.menu的宽度
			$('.menu').width(234 + data.length * 265 + 2);

			// 判断是否显示选购(选购的内容为空时，将其隐藏)
			$('.menu-list li').find('.choose:empty').hide();
			// 处理背景颜色
			$('.menu-item li a').eq(index).css('background-color', '#ff6700')
				.parent().siblings().find('a').css('background-color', 'transparent');
		});
		$('.menu').mouseleave(function() {
			$('.menu-list').hide().html('');
			$('.menu').width(234);
			$('.menu-item li a').css('background-color', 'transparent');
		});
	})

	//
</script>

<script src="index.js" type="text/javascript" charset="utf-8"></script>